<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>美妆商城-首页</title>
	<link rel="stylesheet" href="./style/default.css"/>
	<link rel="stylesheet" href="./style/index.css">
	<link rel="stylesheet" href="./style/public.css">
</head>
<body>
	<div class="public_nav">
	    <div class="bx nav">
	        <ul class="right_nav">
	            <li>
	                <a href="javascript:;">我的美妆</a>
	                <span>|</span>
	            </li>
	            <li>
	                <div class="pinpai">
	                    <a class="btn" href="javascript:;">关注品牌 </a>
	                    <span>|</span>
	                    <div class="two_ji_nav">
	                        <div class="two_nav_one">
	                            <a href="javascript:;">科颜氏</a>
	                            <a href="javascript:;">雪花秀</a>
	                            <a href="javascript:;">香奈儿</a>
	                        </div>
	                        <div class="two_nav_two">
	                            <a href="javascript:;">奥比虹</a>
	                            <a href="javascript:;">希思黎</a>
	                            <a href="javascript:;">奥迪</a>
	                        </div>
	                    </div>
	                </div> 
	            </li>
	            <li>
	                <a href="javascript:;">购物车</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">收藏夹</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">商家入驻</a>
	                <span>|</span>
	            </li>
	            <li>
	                <a href="javascript:;">帮助中心</a>
	                <span>|</span>
	            </li>
	        </ul>
	        <div class="left_nav">
	            <span>您好 欢迎来到美妆商城！</span>
	            <div class="not_sgin">
					<a id="sgin" href="javascript:;">请登录</a>
					<a id="register" href="javascript:;">免费注册</a>
				</div>
				<div class="sgin_after">
					<a id="sgin_after" class="sgin_" href="javascript:;"></a>
				</div>
	        </div>
	    </div>
	</div>
	<div class="header cf">
		<div class="had bx">
			<div class="logo">
	            <a href="javascript:;">
	                <img src="./images/public_img/jd_logo.png" alt="">
	            </a>
	        </div>
			<div class="lg">
				<div class="lg_cent">
					<input type="text"  />
					<div>请输入关键字</div>
					<a href="javascript:;"><i></i></a>
				</div>
			</div>
			<div class="gzh cf">
				<p>关注微信</p>
				<div class="ewm"><img src="./images/public_img/jd.png" ></div>
			</div>
		</div>
	</div>
	<div class="navitems">
	    <div class="nav_cont bx">
	        <a class="category" href="javascript:;">
	            <i></i>
	            <span>所有产品类别</span>
	        </a>
	        <a class="home_page gg_one" href="javascript:;">首页</a>
	        <a class="direct_sale gg_one" href="javascript:;">官方直售</a>
	        <a class="vip gg_one " href="javascript:;">会员专享</a>
	        <a class="special_counter gg_one" href="javascript:;">线上专柜</a>
	    </div>
	</div>
	<div class="cont" style="margin: 40px 0;">
		<div class="cont_lb bx cf">
			<div class="two_nav">
				<div class="nv_box">
					<p>热门品牌</p>
					<div class="nv_sp">
						<span>雅诗兰黛</span>
						<span>whoo/后</span>
						<span>兰蔻</span>
						<span>sk-II</span>
					</div>
				</div>
				<div class="nv_box">
					<p>功效</p>
					<div class="nv_sp">
						<span>补水</span>
						<span>保湿</span>
						<span>美白</span>
						<span>收缩毛孔</span>
						<span>去黑头</span>
					</div>
				</div>
				<div class="nv_box">
					<p>护肤</p>
					<div class="nv_sp">
						<span>雅诗兰黛</span>
						<span>whoo/后</span>
						<span>兰蔻</span>
						<span>sk-II</span>
					</div>
				</div>
				<div class="nv_box">
					<p>热门品牌</p>
					<div class="nv_sp">
						<span>雅诗兰黛</span>
						<span>whoo/后</span>
						<span>兰蔻</span>
						<span>sk-II</span>
					</div>
				</div>
				<div class="nv_box">
					<p>热门品牌</p>
					<div class="nv_sp">
						<span>雅诗兰黛</span>
						<span>whoo/后</span>
						<span>兰蔻</span>
						<span>sk-II</span>
					</div>
				</div>
				<div class="nv_box" style="border: none;">
					<p>热门品牌</p>
					<div class="nv_sp">
						<span>雅诗兰黛</span>
						<span>whoo/后</span>
						<span>兰蔻</span>
						<span>sk-II</span>
					</div>
				</div>
			</div>
			<div class="lbt">
				<div class="lbt_salat cf">
					
				</div>
				<div class="xdd">
					
				</div>
				<div class="lbt_left_dd"><i></i></div>
				<div class="lbt_right_dd"><i></i></div>
			</div>
		</div>
		<div class="cont_parlogo cf">
			<div class="par_left">
				<img src="images/par_logo.png" >
			</div>
			<table cellpadding="0" cellspacing="0" class="par_logo">
				<tr>
					<td><div><img src="./images/brand1.jpg"></div></td>
					<td><div><img src="./images/brand2.jpg"></div></td>
					<td><div><img src="./images/brand3.jpg"></div></td>
					<td><div><img src="./images/brand4.jpg"></div></td>
					<td><div><img src="./images/brand5.jpg"></div></td>
				</tr>
				<tr>
					<td><div><img src="./images/brand6.jpg"></div></td>
					<td><div><img src="./images/brand7.jpg"></div></td>
					<td><div><img src="./images/brand8.jpg"></div></td>
					<td><div><img src="./images/brand9.jpg"></div></td>
					<td><div><img src="./images/brand10.jpg"></div></td>
				</tr>
				<tr>
					<td><div><img src="./images/brand11.jpg"></div></td>
					<td><div><img src="./images/brand12.jpg"></div></td>
					<td><div><img src="./images/brand13.jpg"></div></td>
					<td><div><img src="./images/brand14.jpg"></div></td>
					<td><div><img src="./images/brand15.jpg"></div></td>
				</tr>
			</table>
		</div>
	</div>
	<div class="modity">
		<div class="mod_nr bx cf">
			<div class="mod_p cf">
				<div class="md_left cf">
					<span class="md_first"></span>
					<span class="md_two">奢美会</span>
					<span class="md_last">大牌云集 豪华专属</span>
				</div>
				<div class="md_nv">
					<a href="javascript:;">kiehl's/科颜氏</a><span>|</span>
					<a href="javascript:;">Sulwhasoo/雪花秀</a><span>|</span>
					<a href="javascript:;">fresh/馥蕾诗</a><span>|</span>
					<a href="javascript:;">Albion/奥比虹</a><span>|</span>
					<a href="javascript:;">Sisley/希思黎</a><span>|</span>
					<a href="javascript:;">FANCL/无添加</a><span>|</span>
					<a href="javascript:;">Dior/迪奥</a><span>|</span>
					<a href="javascript:;">Chanel/香奈儿</a>
				</div>
			</div>
			<div class="mod_text">
				<div class="md_txt_left">
					<div class="txt_img_tp">
						<div class="txt_img"><img src="images/fukey.jpg" ></div>
						<div class="txt_img"><img src="images/sephora.jpg" ></div>
						<div class="txt_img"><img src="images/chanel.jpg" ></div>
					</div>
					<p class="md_tp">
						<span>肌肤之钥</span><span class="md_center">丝芙兰</span><span>香奈儿</span>
					</p>
				</div>
				<div class="md_txt_right cf">
					<div class="rt_tp cf">
						<div class="fume">
							<img src="images/shoes1.jpg" >
						</div>
						<div class="fume fu_cent">
							<img src="images/shoes2.jpg" >
						</div>
						<div class="fume">
							<img src="images/shoes3.jpg" >
						</div>
					</div>
					<div class="rt_bt cf">
						<div class="fume">
							<img src="images/shoes4.jpg" >
						</div>
						<div class="fume fu_cent">
							<img src="images/shoes5.jpg" >
						</div>
						<div class="fume">
							<img src="images/shoes6.jpg" >
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="mod_nr bx cf">
			<div class="mod_p cf">
				<div class="md_left cf">
					<span class="md_first floor_two"></span>
					<span class="md_two">护肤</span>
					<span class="md_last">东方之美</span>
				</div>
				<div class="md_nv">
					<a href="javascript:;">洁面</a><span>|</span>
					<a href="javascript:;">爽肤水</a><span>|</span>
					<a href="javascript:;">乳液面霜</a><span>|</span>
					<a href="javascript:;">面膜</a><span>|</span>
					<a href="javascript:;">眼部护理</a><span>|</span>
					<a href="javascript:;">臻美套组</a><span>|</span>
					<a href="javascript:;">更多>></a>
				</div>
			</div>
			<div class="mod_wb cf">
				<div class="md_wb_tp cf">
					<div class="small_lb_tp cf">
						<div class="md_ig"><img src="images/md_txt_left_tp1.jpg" ></div>
						<div class="md_ig"><img src="images/md_txt_left_tp2.jpg" ></div>
						<div class="md_ig"><img src="images/md_txt_left_tp3.jpg" ></div>
					</div>
					<div class="wheeldd">
						<i class="left_dd_tp"></i>
						Only玉兰油
						<i class="right_dd_tp"></i>
					</div>
				</div>
				<div class="md_txt_right cf">
					<div class="rt_tp cf">
						<div class="fumee">
							<img src="./images/care1.jpg" >
						</div>
						<div class="fumee fu_cent">
							<img src="./images/care2.jpg" >
						</div>
						<div class="fumee" style="margin-right: 5px;">
							<img src="./images/care3.jpg" >
						</div>
						<div class="fumee">
							<img src="./images/care4.jpg" >
						</div>
					</div>
					<div class="rt_bt cf">
						<div class="fumee">
							<img src="./images/care5.jpg" >
						</div>
						<div class="fumee fu_cent">
							<img src="./images/care6.jpg" >
						</div>
						<div class="fumee" style="margin-right: 5px;">
							<img src="./images/care7.jpg" >
						</div>
						<div class="fumee">
							<img src="./images/care8.jpg" >
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="mod_nr bx cf">
			<div class="mod_p cf">
				<div class="md_left cf">
					<span class="md_first floor_three"></span>
					<span class="md_two">彩妆</span>
					<span class="md_last">彩妆学院开课了！</span>
				</div>
				<div class="md_nv">
					<a href="javascript:;">洁面</a><span>|</span>
					<a href="javascript:;">爽肤水</a><span>|</span>
					<a href="javascript:;">乳液面霜</a><span>|</span>
					<a href="javascript:;">面膜</a><span>|</span>
					<a href="javascript:;">眼部护理</a><span>|</span>
					<a href="javascript:;">臻美套组</a><span>|</span>
					<a href="javascript:;">更多>></a>
				</div>
			</div>
			<div class="mod_wb cf">
				<div class="md_wb_bt cf">
					<div class="small_lb_bt cf">
						<div class="md_ig"><img src="images/md_txt_left_bt1.jpg" ></div>
						<div class="md_ig"><img src="images/md_txt_left_bt2.jpg" ></div>
						<div class="md_ig"><img src="images/md_txt_left_bt3.jpg" ></div>
					</div>
					<div class="wheeldd">
						<i class="left_dd_bt"></i>
						Only玉兰油
						<i class="right_dd_bt"></i>
					</div>
				</div>
				<div class="md_txt_right cf">
					<div class="rt_tp cf">
						<div class="fumee">
							<img src="images/make1.jpg" >
						</div>
						<div class="fumee fu_cent">
							<img src="images/make2.jpg" >
						</div>
						<div class="fumee" style="margin-right: 5px;">
							<img src="images/make3.jpg" >
						</div>
						<div class="fumee">
							<img src="images/make4.jpg" >
						</div>
					</div>
					<div class="rt_bt cf">
						<div class="fumee">
							<img src="images/make5.jpg" >
						</div>
						<div class="fumee fu_cent">
							<img src="images/make6.jpg" >
						</div>
						<div class="fumee" style="margin-right: 5px;">
							<img src="images/make7.jpg" >
						</div>
						<div class="fumee">
							<img src="images/make8.jpg" >
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="mod_nr bx cf">
			<div class="mod_p cf">
				<div class="md_left cf">
					<span class="md_first floor_four"></span>
					<span class="md_two">香水</span>
					<span class="md_last">属于你的味道</span>
				</div>
				<div class="md_nv">
					<a href="javascript:;">香水馆</a><span>|</span>
					<a href="javascript:;">EDP浓香</a><span>|</span>
					<a href="javascript:;">EDT淡香</a><span>|</span>
					<a href="javascript:;">古龙水</a><span>|</span>
					<a href="javascript:;">更多>></a>
				</div>
			</div>
			<div class="mod_text">
				<div class="md_txt_left">
					<div class="txt_img_bt">
						<div class="txt_img"><img src="images/cycy.jpg" ></div>
						<div class="txt_img"><img src="images/aimashi.jpg" ></div>
						<div class="txt_img"><img src="images/dirao.jpg" ></div>
					</div>
					<p class="md_bt">
						<span>CYCY</span><span class="md_center">古龙</span><span>迪奥</span>
					</p>
				</div>
				<div class="md_txt_right cf">
					<div class="rt_tp cf">
						<div class="fume">
							<img src="images/perfume1.jpg" >
						</div>
						<div class="fume fu_cent">
							<img src="images/perfume2.jpg" >
						</div>
						<div class="fume">
							<img src="images/perfume3.jpg" >
						</div>
					</div>
					<div class="rt_bt cf">
						<div class="fume">
							<img src="images/perfume4.jpg" >
						</div>
						<div class="fume fu_cent">
							<img src="images/perfume5.jpg" >
						</div>
						<div class="fume">
							<img src="images/perfume6.jpg" >
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="bottom_nav">
	    <div class="bx clear">
	            <ul class="shopping_directory float nav_margin">
	                <li class="nav_header">购物指南</li>
	                <li><a href="javascript:;">新手指南</a></li>
	                <li><a href="javascript:;">常见问题</a></li>
	                <li><a href="javascript:;">帮助中心</a></li>
	                <li><a href="javascript:;">用户协议</a></li>
	            </ul>
	            <ul class="about_us float nav_margin">
	                <li class="nav_header">关于我们</li>
	                <li><a href="javascript:;">关于我们</a></li>
	                <li><a href="javascript:;">加入我们</a></li>
	                <li><a href="javascript:;">联系我们</a></li>
	            </ul>
	            <ul class="payment_method float nav_margin">
	                <li class="nav_header">支付方式</li>
	                <li><a href="javascript:;">快捷方式</a></li>
	                <li><a href="javascript:;">信用卡</a></li>
	                <li><a href="javascript:;">货到支付</a></li>
	            </ul>
	            <ul class="merchant_services float nav_margin">
	                <li class="nav_header">商家服务</li>
	                <li><a href="javascript:;">商家入驻</a></li>
	                <li><a href="javascript:;">商家中心</a></li>
	                <li><a href="javascript:;">物流服务</a></li>
	            </ul>
	            <div class="float follow">
	                <p>关注微信</p>
	                <a href="javascript:;">
	                    <img src="./images/public_img/jd.png" alt="">
	                </a>
	            </div>
	    </div>
	</div>
	<div class="copyright">
	    <div class="copyright_content">
	        <div class="copyright_nav">
	            <a href="javascript:;">天猫</a>
	            <span>|</span>
	            <a href="javascript:;">京东</a>
	            <span>|</span>
	            <a href="javascript:;">YunOs</a>
	            <span>|</span>
	            <a href="javascript:;">阿里通信</a>
	            <span>|</span>
	            <a href="javascript:;">万网</a>
	            <span>|</span>
	            <a href="javascript:;">高德</a>
	            <span>|</span>
	            <a href="javascript:;">友视</a>
	            <span>|</span>
	            <a href="javascript:;">友盟</a>
	            <span>|</span>
	            <a href="javascript:;">虾米</a>
	            <span>|</span>
	            <a href="javascript:;">天天动听</a>
	        </div>
	        <div class="copyright_disorder">
	            Copyright © 2008-2016 vip.com，All Rights Reserved 
	            <a class="hao" href="javascript:;">粤ICP备08114786号</a> 
	        </div>
	        <div class="makeup">
	            <a href="javascript:;">版权所有</a>
	            <a href="javascript:;">美妆商城</a>
	        </div>
	    </div>
	</div>
	<div class="fixedset">
		<div class="set">
			<div class="fixed_cont">
				<span class="sprite_one"><i></i></span>
				<a class="fixed_a" href="javascript:;">我的美妆</a>
			</div>
			<div class="fixed_cont">
				<span class="sprite_two"><i></i></span>
				<a class="fixed_a" href="javascript:;">我的购物车</a>
			</div>
			<div class="fixed_cont">
				<span class="sprite_three"><i></i></span>
				<a class="fixed_a" href="javascript:;">我看过的</a>
			</div>
			<div class="fixed_cont">
				<span class="sprite_four"><i></i></span>
				<a class="fixed_a" href="javascript:;">关注品牌</a>
			</div>
			<div class="fixed_cont">
				<span class="sprite_five"><i></i></span>
				<a class="fixed_a" href="javascript:;">我的收藏</a>
			</div>
			<div class="fixed_cont">
				<span class="sprite_six"><i></i></span>
				<a class="fixed_a" id="returnTop" href="javascript:;">返回顶部</a>
			</div>
		</div>
	</div>
	<div class="modity_nav">
		<a class="on" href="javascript:;">1F 奢美汇</a>
		<a href="javascript:;">2F 护肤</a>
		<a href="javascript:;">3F 彩妆</a>
		<a href="javascript:;">4F 香水</a>
	</div>
</body>
<script src="./scripts/jquery.js"></script>
<script src="./scripts/public.js"></script>
<script src="./scripts/index.js"></script>
</html>